<template>
  <div style="display: flex;align-items: center;width: 100%;justify-content: center">
    <img src="/500.png" style="width: 600px"/>
    <div style="margin-left: 20px">
      <h1 style="font-size: 24px;font-weight: 700">抱歉，服务器出错了</h1>
      <div style="margin-top: 24px">
        <a-button @click="refresh">刷新</a-button>
        <a-button type="primary" @click="goBack" style="margin-left: 20px">返回</a-button>
      </div>
    </div>
  </div>
</template>

<script setup>

import router from "@/router";

function refresh() {
  router.go(0)
}

function goBack() {
  router.back()
}

</script>

<style>
.error-page {
  padding-top: 200px;
  padding-bottom: 200px;
  margin: 10px;
}
</style>